<template>
    <div class="container">
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item v-for="(item) in list" :key="item.id">
                <img :src="item.imgUrl" alt="">
            </van-swipe-item>
        </van-swipe>
    </div>
</template>

<script>
export default {

    props: {
        list: {
            require: false,
            type: Array,
            default: ()=>{
                return []
            }
        }
    }

}
</script>

<style lang="less" scoped>
.container {
    // height: 180px;

    .my-swipe .van-swipe-item {
        color: #fff; 
        // background-color: #39a9ed;
        padding: 0px;
        margin: 0px;

        img {
            width: 100%; 
            margin: 0px;
        }
    }
}
</style>